/** 清除内外边距 **/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
hr,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
button,
input,
textarea,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
mark {
  background-color: #ffc;
  color: #333;
}
html {
  overflow-y: scroll;
  /* Force scrollbars 100% of the time */

  /* You should always specify a colour and background, override these in your own stylesheet if desired. */

  background-color: #fff;
  color: #333;
}
body {
  min-height: 100%;
}
/** 设置默认字体 **/
body,
button,
input,
select,
textarea {
  font: 12px/1.5 tahoma, arial, sans-serif;
  /* Use 16px as per informationarchitects.jp/en/100e2r/ and wilsonminer.com/posts/2008/oct/20/relative-readability/ */

}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
/* 将斜体扶正 */
code,
kbd,
pre,
samp {
  font-family: courier, courier new, monospace;
}
/* 统一等宽字体 */
small {
  font-size: 1em;
}
/* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol {
  list-style: none;
}
/** 重置文本格式元素 **/
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: none;
}
sup {
  vertical-align: text-top;
}
/* 重置，减少对行高的影响 */
sub {
  vertical-align: text-bottom;
}
/** 重置表单元素 **/
legend {
  color: #000;
}
/* for ie6 */
fieldset, img {
  border: 0;
}
/* img 搭车：让链接里的 img 无边框 */
button,
input,
select,
option,
textarea {
  font-size: 1em;
}
/* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {
  border-collapse: collapse;
  border-spacing: 0;
}
strong, b, mark {
  font-weight: bold;
  font-style: inherit;
}
abbr[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
ins {
  border-bottom: 1px solid;
}
a, u, ins {
  text-decoration: none;
}
del, s {
  text-decoration: line-through;
}
/*pre自动换行*/
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.f12 {
  font: 12px/1.5 tahoma, arial, sans-serif;
}
.f14 {
  font: 14px/1.8 verdana, tahoma, arial, sans-serif;
}
.reset blockquote,
.reset ul,
.reset ol,
.reset dl {
  margin: 1em;
}
.reset ul, .reset ol, .reset dl {
  margin-left: 2em;
}
.reset ol li {
  list-style: decimal outside;
}
.reset ul li {
  list-style: disc outside;
}
.reset dl dd {
  margin-left: 1em;
}
.reset th, .reset td {
  padding: .5em;
}
.reset caption {
  margin-bottom: .5em;
}
.reset p,
.reset fieldset,
.reset table,
.reset pre {
  margin-bottom: 1em;
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/*a:focus {*/
/*outline: thin dotted;*/
/*}*/
a:hover, a:active {
  outline: 0;
}
audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  /*vertical-align: baseline;*/

}
sup {
  top: 0.6em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button, input {
  line-height: normal;
  *overflow: visible;
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
a:link {
  color: #0069d6;
  text-decoration: none;
}
a:link:hover {
  color: #00438a;
  text-decoration: underline;
}
a:visited {
  color: #00438a;
  opacity: 0.8;
  /* A bit basic, but it’s a bare minumum... */

}
a:hover {
  text-decoration: underline;
}
/*
a:active,
a:focus{
	position:relative;
	top:1px;
}

*/
p {
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 9px;
}
p small {
  font-size: 11px;
  color: #bfbfbf;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #bfbfbf;
}
h1 {
  margin-bottom: 18px;
  font-size: 30px;
  line-height: 36px;
}
h1 small {
  font-size: 18px;
}
h2 {
  font-size: 24px;
  line-height: 36px;
}
h2 small {
  font-size: 14px;
}
h3,
h4,
h5,
h6 {
  line-height: 18px;
}
h3 {
  font-size: 18px;
}
h3 small {
  font-size: 14px;
}
h4 {
  font-size: 18px;
}
h4 small {
  font-size: 12px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 13px;
  color: #bfbfbf;
  text-transform: uppercase;
}
/* hr.dn {
	display:none;
}

hr {
	display:block;
	border:0;
	height:1px;
	width:100%;
	overflow:hidden;
	line-height: 1;
	background:#C0DEED;
	color:#C0DEED;
} */
hr {
  /* not color, but fits in here better than anywhere else */

  border: 0;
  border-top: 1px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #f6f6f6;
  border-bottom-color: rgba(255, 255, 255, 0.2);
  clear: both;
  height: 0;
  display: block;
  margin: .75em 0 .75em 0;
}
ul.type, ol.type {
  margin: 0 0 18px 25px;
}
ul.type ul,
ul.type ol,
ol.type ol,
ol.type ul,
ul ul.type,
ul ol.type,
ol ol.type,
ol ul.type {
  margin-bottom: 0;
}
ul.type {
  list-style: disc;
}
ol.type {
  list-style: decimal;
}
li {
  line-height: 18px;
}
ul.unstyled {
  list-style: none;
  margin-left: 0;
}
ul.numbered {
  list-style: decimal outside;
}
ol.type li {
  list-style-type: decimal;
  margin-left: 18px;
}
ul.type li {
  list-style-type: disc;
  margin-left: 18px;
}
li > ul, li > ol {
  /* Let’s take care of lists in lists */

  margin-bottom: 0;
}
dl {
  margin-bottom: 18px;
}
dl dt, dl dd {
  line-height: 18px;
}
dl dt {
  font-weight: bold;
}
dl dd {
  margin-left: 9px;
}
hr {
  margin: 20px 0 19px;
  border: 0;
  border-bottom: 1px solid #eee;
}
strong {
  font-style: inherit;
  font-weight: bold;
}
em {
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
}
.muted {
  color: #bfbfbf;
}
blockquote.blockquote {
  margin-bottom: 18px;
  border-left: 5px solid #eee;
  padding-left: 15px;
}
blockquote.blockquote p {
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  margin-bottom: 0;
}
blockquote.blockquote small {
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: #bfbfbf;
}
blockquote.blockquote small:before {
  content: '\2014 \00A0';
}
address {
  display: block;
  line-height: 18px;
  margin-bottom: 18px;
}
code, pre {
  padding: 0 3px 2px;
  font-family: Monaco, Andale Mono, Courier New, monospace;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
code {
  background-color: #fee9cc;
  color: rgba(0, 0, 0, 0.75);
  padding: 1px 3px;
}
pre {
  background-color: #f5f5f5;
  display: block;
  padding: 8.5px;
  margin: 0 0 18px;
  line-height: 18px;
  font-size: 12px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
}
/*------------------------------------
	type.css
------------------------------------*/
/*--- PARAGRAPHS ---*/
/*
Mo’ robust paragraph indenting: csswizardry.com/2010/12/mo-robust-paragraph-indenting/
Uncomment to activate
p+p{
	text-indent:2em;
	margin-top:-1.5em;
}
*/
/*------------------------------------*\
	$IMAGES
\*------------------------------------*/
img {
  max-width: 100%;
  height: auto;
  /* Give it some text styles to offset alt text */

  color: #c00;
}
img.left {
  margin: 0 1.5em 0 0;
}
img.right {
  margin: 0 0 0 1.5em;
}
/*--- FLASH/VIDEO ---*/
object, embed, video {
  max-width: 100%;
  height: auto;
}
/*------------------------------------*\
	$FORMS
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, forms don’t fit the baseline all too well. Perhaps in a later version...
*/
.text-input {
  /* With the advent of various HTML5 input types (email, url, etc) input[type=text] is no longer suitable for for styling non-textearea text-inputs. Use .text-input instead. */

}
label,
.text-input,
input,
textarea,
button.btn {
  cursor: pointer;
}
input:active,
input:focus,
.text-input:active,
.text-input:focus,
textarea:active,
textarea:focus {
  cursor: text;
}
form {
  border-radius: 5px;
}
input, textarea {
  padding: .15em 0.15em;
  border: 1px solid #bbb;
  -webkit-transition: box-shadow 0.2s linear;
  outline: 0;
}
textarea {
  resize: vertical;
  min-height: 64px;
}
input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: 1px dotted #666;
}
input[type="submit"], form button {
  border: none;
  padding: .25em .75em .15em;
}
fieldset > :last-child {
  /* Remove the margin from the last element in the fieldset--this makes our padding more consistent. */

  margin-bottom: 0;
}
/*------------------------------------*\
	$TABLES
\*------------------------------------*/
/*
Unfortunately, and somewhat obviously, tables don’t fit the baseline all too well. Perhaps in a later version...
*/
table.type {
  width: 100%;
  max-width: 100%;
}
table.type thead tr:last-of-type th {
  /* Thicker border on the table-headers of the last row in the table head. */

  border-bottom-width: 1px;
}
table.type tbody th {
  /* Thicker right border on table-headers in the table body. */

  border-right-width: 1px;
}
table.type th:empty {
  /* Hide the borders on any empty table-headers. */

  border: none;
}
table.type th, table.type td {
  vertical-align: top;
  padding: 0.5em;
  border: 1px solid #ccc;
}
table.type th {
  font-weight: bold;
  text-align: center;
}
table.type table [colspan] {
  text-align: left;
}
table.type table [rowspan] {
  vertical-align: middle;
}
/*
Assuming IE has an 'implied' colspan of one on cells without an explicit colspan attribute, fix/undo it.
See jsfiddle.net/csswizardry/UJJay/
*/
table.type [colspan="1"] {
  text-align: left;
}
table.type [rowspan="1"] {
  vertical-align: top;
}
table.type tbody tr:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.05);
}
table.type tfoot {
  text-align: center;
}
/*------------------------------------
	text-align
------------------------------------*/
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
.strong {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
/* 居中 */
.page,
.hd,
.bd,
.ft,
header,
section,
footer {
  margin-left: auto;
  margin-right: auto;
}
.page {
  width: 950px;
  max-width: 1140px;
}
.layout .col-main {
  float: left;
  width: 100%;
  /* bug fix: 主栏没有内容时，在 Firefox 和 Chrome 等浏览器下，布局不对 */

  min-height: 1px;
}
.layout .col-sub, .layout .col-extra {
  float: left;
  /*position: relative;  按需设置，仅在需要时添加 */

}
/** 清除浮动 **/
.layout:after,
.layout .main-wrap:after,
.layout .col-sub:after,
.layout .col-extra:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.layout,
.layout .main-wrap,
.layout .col-sub,
.layout .col-extra {
  *zoom: 1;
}
/** 两个假定：a. 总宽度为 950px; b. 列宽不小于 150px. **/
/** 两栏布局 **/
.grid-s4m0 .main-wrap {
  margin-left: 160px;
}
.grid-s4m0 .col-sub {
  width: 150px;
  margin-left: -100%;
}
.grid-m0s4 .main-wrap {
  margin-right: 160px;
}
.grid-m0s4 .col-sub {
  width: 150px;
  margin-left: -150px;
}
.grid-s5m0 .main-wrap {
  margin-left: 200px;
}
.grid-s5m0 .col-sub {
  width: 190px;
  margin-left: -100%;
}
.grid-m0s5 .main-wrap {
  margin-right: 200px;
}
.grid-m0s5 .col-sub {
  width: 190px;
  margin-left: -190px;
}
.grid-s6m0 .main-wrap {
  margin-left: 240px;
}
.grid-s6m0 .col-sub {
  width: 230px;
  margin-left: -100%;
}
.grid-m0s6 .main-wrap {
  margin-right: 240px;
}
.grid-m0s6 .col-sub {
  width: 230px;
  margin-left: -230px;
}
.grid-s7m0 .main-wrap {
  margin-left: 280px;
}
.grid-s7m0 .col-sub {
  width: 270px;
  margin-left: -100%;
}
.grid-m0s7 .main-wrap {
  margin-right: 280px;
}
.grid-m0s7 .col-sub {
  width: 270px;
  margin-left: -270px;
}
.grid-s8m0 .main-wrap {
  margin-left: 320px;
}
.grid-s8m0 .col-sub {
  width: 310px;
  margin-left: -100%;
}
.grid-m0s8 .main-wrap {
  margin-right: 320px;
}
.grid-m0s8 .col-sub {
  width: 310px;
  margin-left: -310px;
}
.grid-s9m0 .main-wrap {
  margin-left: 360px;
}
.grid-s9m0 .col-sub {
  width: 350px;
  margin-left: -100%;
}
.grid-m0s9 .main-wrap {
  margin-right: 360px;
}
.grid-m0s9 .col-sub {
  width: 350px;
  margin-left: -350px;
}
.grid-s10m0 .main-wrap {
  margin-left: 400px;
}
.grid-s10m0 .col-sub {
  width: 390px;
  margin-left: -100%;
}
.grid-m0s10 .main-wrap {
  margin-right: 400px;
}
.grid-m0s10 .col-sub {
  width: 390px;
  margin-left: -390px;
}
.layout .left {
  float: left;
  width: 250px;
  _margin-right: -3px;
}
.layout .right {
  float: right;
  width: 300px;
  _margin-left: -3px;
}
.layout .main {
  display: table-cell;
  *display: block;
  width: auto;
}
.layout .w5 {
  width: 5%;
}
.layout .w10 {
  width: 10%;
  *width: 9.9%;
}
.layout .w15 {
  width: 15%;
  *width: 14.9%;
}
.layout .w20 {
  width: 20%;
  *width: 19.9%;
}
.layout .w25 {
  width: 25%;
  *width: 24.9%;
}
.layout .w30 {
  width: 30%;
  *width: 29.9%;
}
.layout .w33 {
  width: 33.33%;
  *width: 33.3%;
}
.layout .w35 {
  width: 35%;
  *width: 34.9%;
}
.layout .w40 {
  width: 40%;
  *width: 39.9%;
}
.layout .w45 {
  width: 45%;
  *width: 44.9%;
}
.layout .w50 {
  width: 50%;
  *width: 49.9%;
}
.layout .w55 {
  width: 55%;
  *width: 54.9%;
}
.layout .w60 {
  width: 60%;
  *width: 59.9%;
}
.layout .w65 {
  width: 65%;
  *width: 64.9%;
}
.layout .w70 {
  width: 70%;
  *width: 69.9%;
}
.layout .w75 {
  width: 75%;
  *width: 74.9%;
}
.layout .w80 {
  width: 80%;
  *width: 79.9%;
}
.layout .w85 {
  width: 85%;
  *width: 84.9%;
}
.layout .w90 {
  width: 90%;
  *width: 89.9%;
}
.layout .w95 {
  width: 95%;
  *width: 94.9%;
}
.layout .w100 {
  width: 100%;
  *width: 99.9%;
}
.layout .w105 {
  width: 105px;
}
.layout .w110 {
  width: 110px;
}
.layout .w115 {
  width: 115px;
}
.layout .w120 {
  width: 120px;
}
.layout .w125 {
  width: 125px;
}
.layout .w130 {
  width: 130px;
}
.layout .w135 {
  width: 135px;
}
.layout .w140 {
  width: 140px;
}
.layout .w145 {
  width: 145px;
}
.layout .w150 {
  width: 150px;
}
.layout .w155 {
  width: 155px;
}
.layout .w160 {
  width: 160px;
}
.layout .w165 {
  width: 165px;
}
.layout .w170 {
  width: 170px;
}
.layout .w175 {
  width: 175px;
}
.layout .w180 {
  width: 180px;
}
.layout .w185 {
  width: 185px;
}
.layout .w190 {
  width: 190px;
}
.layout .w195 {
  width: 195px;
}
.layout .w200 {
  width: 200px;
}
.layout .w210 {
  width: 210px;
}
.layout .w220 {
  width: 220px;
}
.layout .w230 {
  width: 230px;
}
.layout .w240 {
  width: 240px;
}
.layout .w250 {
  width: 250px;
}
.layout .w260 {
  width: 260px;
}
.layout .w270 {
  width: 270px;
}
.layout .w280 {
  width: 280px;
}
.layout .w290 {
  width: 290px;
}
.layout .w300 {
  width: 300px;
}
.layout .w350 {
  width: 350px;
}
.layout .w400 {
  width: 400px;
}
.layout .w450 {
  width: 450px;
}
.layout .w500 {
  width: 500px;
}
.layout .w550 {
  width: 550px;
}
.layout .w600 {
  width: 600px;
}
.layout .w650 {
  width: 650px;
}
.layout .w700 {
  width: 700px;
}
.layout .w750 {
  width: 750px;
}
.layout .w800 {
  width: 800px;
}
.layout .w850 {
  width: 850px;
}
.layout .w900 {
  width: 900px;
}
.layout .w950 {
  width: 950px;
}
.layout .w960 {
  width: 960px;
}
.layout .w1000 {
  width: 1000px;
}
.layout .w1100 {
  width: 1100px;
}
.layout .w1140 {
  width: 1140px;
}
.gMail {
  width: 160px;
}
.gCal {
  width: 180px;
}
.yahoo {
  width: 240px;
}
.myYahoo {
  width: 300px;
}
.fluid {
  overflow: hidden;
}
/* Rows (clearfix) */
.row {
  height: 1%;
  /* trigger hasLayout for IE < 8 */

}
.row:before, .row:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}
.row:after {
  clear: both;
}
/* cols */
.col {
  float: left;
  overflow: hidden;
  position: relative;
}
/* Fix nested col "float-drop" bug (Gecko and IE 6+) */
.col .col {
  left: 1px;
  margin-right: -1px;
}
/* Append/prepend */
* html .pad {
  display: inline;
  /* Fixes IE6 double margin bug */

}
/* Push/pull */
.shift {
  position: relative;
}
/* Fix IE6 "float-drop" bug */
* html .shift .col {
  left: 1px;
  margin-right: -1px;
}
.width-1\/16 {
  width: 6.25%;
}
.before-1\/16 {
  margin-left: 6.25%;
}
.after_1\/16 {
  margin-right: 6.25%;
}
.left-1\/16 {
  left: -6.25%;
}
.right-1\/16 {
  left: 6.25%;
}
.width-1\/15 {
  width: 6.66%;
}
.before-1\/15 {
  margin-left: 6.66%;
}
.after_1\/15 {
  margin-right: 6.66%;
}
.left-1\/15 {
  left: -6.66%;
}
.right-1\/15 {
  left: 6.66%;
}
.width-1\/14 {
  width: 7.14%;
}
.before-1\/14 {
  margin-left: 7.14%;
}
.after_1\/14 {
  margin-right: 7.14%;
}
.left-1\/14 {
  left: -7.14%;
}
.right-1\/14 {
  left: 7.14%;
}
.width-1\/13 {
  width: 7.69%;
}
.before-1\/13 {
  margin-left: 7.69%;
}
.after_1\/13 {
  margin-right: 7.69%;
}
.left-1\/13 {
  left: -7.69%;
}
.right-1\/13 {
  left: 7.69%;
}
.width-1\/12 {
  width: 8.33%;
}
.before-1\/12 {
  margin-left: 8.33%;
}
.after_1\/12 {
  margin-right: 8.33%;
}
.left-1\/12 {
  left: -8.33%;
}
.right-1\/12 {
  left: 8.33%;
}
.width-1\/11 {
  width: 9.09%;
}
.before-1\/11 {
  margin-left: 9.09%;
}
.after_1\/11 {
  margin-right: 9.09%;
}
.left-1\/11 {
  left: -9.09%;
}
.right-1\/11 {
  left: 9.09%;
}
.width-1\/10 {
  width: 10%;
}
.before-1\/10 {
  margin-left: 10%;
}
.after_1\/10 {
  margin-right: 10%;
}
.left-1\/10 {
  left: -10%;
}
.right-1\/10 {
  left: 10%;
}
.width-1\/9 {
  width: 11.11%;
}
.before-1\/9 {
  margin-left: 11.11%;
}
.after_1\/9 {
  margin-right: 11.11%;
}
.left-1\/9 {
  left: -11.11%;
}
.right-1\/9 {
  left: 11.11%;
}
.width-2\/16, .width-1\/8 {
  width: 12.5%;
}
.before-2\/16, .before-1\/8 {
  margin-left: 12.5%;
}
.after_2\/16, .after_1\/8 {
  margin-right: 12.5%;
}
.left-2\/16, .left-1\/8 {
  left: -12.5%;
}
.right-2\/16, .right-1\/8 {
  left: 12.5%;
}
.width-2\/15 {
  width: 13.33%;
}
.before-2\/15 {
  margin-left: 13.33%;
}
.after_2\/15 {
  margin-right: 13.33%;
}
.left-2\/15 {
  left: -13.33%;
}
.right-2\/15 {
  left: 13.33%;
}
.width-2\/14, .width-1\/7 {
  width: 14.28%;
}
.before-2\/14, .before-1\/7 {
  margin-left: 14.28%;
}
.after_2\/14, .after_1\/7 {
  margin-right: 14.28%;
}
.left-2\/14, .left-1\/7 {
  left: -14.28%;
}
.right-2\/14, .right-1\/7 {
  left: 14.28%;
}
.width-2\/13 {
  width: 15.38%;
}
.before-2\/13 {
  margin-left: 15.38%;
}
.after_2\/13 {
  margin-right: 15.38%;
}
.left-2\/13 {
  left: -15.38%;
}
.right-2\/13 {
  left: 15.38%;
}
.width-2\/12, .width-1\/6 {
  width: 16.66%;
}
.before-2\/12, .before-1\/6 {
  margin-left: 16.66%;
}
.after_2\/12, .after_1\/6 {
  margin-right: 16.66%;
}
.left-2\/12, .left-1\/6 {
  left: -16.66%;
}
.right-2\/12, .right-1\/6 {
  left: 16.66%;
}
.width-2\/11 {
  width: 18.18%;
}
.before-2\/11 {
  margin-left: 18.18%;
}
.after_2\/11 {
  margin-right: 18.18%;
}
.left-2\/11 {
  left: -18.18%;
}
.right-2\/11 {
  left: 18.18%;
}
.width-3\/16 {
  width: 18.75%;
}
.before-3\/16 {
  margin-left: 18.75%;
}
.after_3\/16 {
  margin-right: 18.75%;
}
.left-3\/16 {
  left: -18.75%;
}
.right-3\/16 {
  left: 18.75%;
}
.width-3\/15, .width-2\/10, .width-1\/5 {
  width: 20%;
}
.before-3\/15, .before-2\/10, .before-1\/5 {
  margin-left: 20%;
}
.after_3\/15, .after_2\/10, .after_1\/5 {
  margin-right: 20%;
}
.left-3\/15, .left-2\/10, .left-1\/5 {
  left: -20%;
}
.right-3\/15, .right-2\/10, .right-1\/5 {
  left: 20%;
}
.width-3\/14 {
  width: 21.42%;
}
.before-3\/14 {
  margin-left: 21.42%;
}
.after_3\/14 {
  margin-right: 21.42%;
}
.left-3\/14 {
  left: -21.42%;
}
.right-3\/14 {
  left: 21.42%;
}
.width-2\/9 {
  width: 22.22%;
}
.before-2\/9 {
  margin-left: 22.22%;
}
.after_2\/9 {
  margin-right: 22.22%;
}
.left-2\/9 {
  left: -22.22%;
}
.right-2\/9 {
  left: 22.22%;
}
.width-3\/13 {
  width: 23.07%;
}
.before-3\/13 {
  margin-left: 23.07%;
}
.after_3\/13 {
  margin-right: 23.07%;
}
.left-3\/13 {
  left: -23.07%;
}
.right-3\/13 {
  left: 23.07%;
}
.width-4\/16,
.width-3\/12,
.width-2\/8,
.width-1\/4 {
  width: 25%;
}
.before-4\/16,
.before-3\/12,
.before-2\/8,
.before-1\/4 {
  margin-left: 25%;
}
.after_4\/16,
.after_3\/12,
.after_2\/8,
.after_1\/4 {
  margin-right: 25%;
}
.left-4\/16,
.left-3\/12,
.left-2\/8,
.left-1\/4 {
  left: -25%;
}
.right-4\/16,
.right-3\/12,
.right-2\/8,
.right-1\/4 {
  left: 25%;
}
.width-4\/15 {
  width: 26.66%;
}
.before-4\/15 {
  margin-left: 26.66%;
}
.after_4\/15 {
  margin-right: 26.66%;
}
.left-4\/15 {
  left: -26.66%;
}
.right-4\/15 {
  left: 26.66%;
}
.width-3\/11 {
  width: 27.27%;
}
.before-3\/11 {
  margin-left: 27.27%;
}
.after_3\/11 {
  margin-right: 27.27%;
}
.left-3\/11 {
  left: -27.27%;
}
.right-3\/11 {
  left: 27.27%;
}
.width-4\/14, .width-2\/7 {
  width: 28.57%;
}
.before-4\/14, .before-2\/7 {
  margin-left: 28.57%;
}
.after_4\/14, .after_2\/7 {
  margin-right: 28.57%;
}
.left-4\/14, .left-2\/7 {
  left: -28.57%;
}
.right-4\/14, .right-2\/7 {
  left: 28.57%;
}
.width-3\/10 {
  width: 30%;
}
.before-3\/10 {
  margin-left: 30%;
}
.after_3\/10 {
  margin-right: 30%;
}
.left-3\/10 {
  left: -30%;
}
.right-3\/10 {
  left: 30%;
}
.width-4\/13 {
  width: 30.76%;
}
.before-4\/13 {
  margin-left: 30.76%;
}
.after_4\/13 {
  margin-right: 30.76%;
}
.left-4\/13 {
  left: -30.76%;
}
.right-4\/13 {
  left: 30.76%;
}
.width-5\/16 {
  width: 31.25%;
}
.before-5\/16 {
  margin-left: 31.25%;
}
.after_5\/16 {
  margin-right: 31.25%;
}
.left-5\/16 {
  left: -31.25%;
}
.right-5\/16 {
  left: 31.25%;
}
.width-5\/15,
.width-4\/12,
.width-3\/9,
.width-2\/6,
.width-1\/3 {
  width: 33.33%;
}
.before-5\/15,
.before-4\/12,
.before-3\/9,
.before-2\/6,
.before-1\/3 {
  margin-left: 33.33%;
}
.after_5\/15,
.after_4\/12,
.after_3\/9,
.after_2\/6,
.after_1\/3 {
  margin-right: 33.33%;
}
.left-5\/15,
.left-4\/12,
.left-3\/9,
.left-2\/6,
.left-1\/3 {
  left: -33.33%;
}
.right-5\/15,
.right-4\/12,
.right-3\/9,
.right-2\/6,
.right-1\/3 {
  left: 33.33%;
}
.width-5\/14 {
  width: 35.71%;
}
.before-5\/14 {
  margin-left: 35.71%;
}
.after_5\/14 {
  margin-right: 35.71%;
}
.left-5\/14 {
  left: -35.71%;
}
.right-5\/14 {
  left: 35.71%;
}
.width-4\/11 {
  width: 36.36%;
}
.before-4\/11 {
  margin-left: 36.36%;
}
.after_4\/11 {
  margin-right: 36.36%;
}
.left-4\/11 {
  left: -36.36%;
}
.right-4\/11 {
  left: 36.36%;
}
.width-6\/16, .width-3\/8 {
  width: 37.5%;
}
.before-6\/16, .before-3\/8 {
  margin-left: 37.5%;
}
.after_6\/16, .after_3\/8 {
  margin-right: 37.5%;
}
.left-6\/16, .left-3\/8 {
  left: -37.5%;
}
.right-6\/16, .right-3\/8 {
  left: 37.5%;
}
.width-5\/13 {
  width: 38.46%;
}
.before-5\/13 {
  margin-left: 38.46%;
}
.after_5\/13 {
  margin-right: 38.46%;
}
.left-5\/13 {
  left: -38.46%;
}
.right-5\/13 {
  left: 38.46%;
}
.width-6\/15, .width-4\/10, .width-2\/5 {
  width: 40%;
}
.before-6\/15, .before-4\/10, .before-2\/5 {
  margin-left: 40%;
}
.after_6\/15, .after_4\/10, .after_2\/5 {
  margin-right: 40%;
}
.left-6\/15, .left-4\/10, .left-2\/5 {
  left: -40%;
}
.right-6\/15, .right-4\/10, .right-2\/5 {
  left: 40%;
}
.width-5\/12 {
  width: 41.66%;
}
.before-5\/12 {
  margin-left: 41.66%;
}
.after_5\/12 {
  margin-right: 41.66%;
}
.left-5\/12 {
  left: -41.66%;
}
.right-5\/12 {
  left: 41.66%;
}
.width-6\/14, .width-3\/7 {
  width: 42.85%;
}
.before-6\/14, .before-3\/7 {
  margin-left: 42.85%;
}
.after_6\/14, .after_3\/7 {
  margin-right: 42.85%;
}
.left-6\/14, .left-3\/7 {
  left: -42.85%;
}
.right-6\/14, .right-3\/7 {
  left: 42.85%;
}
.width-7\/16 {
  width: 43.75%;
}
.before-7\/16 {
  margin-left: 43.75%;
}
.after_7\/16 {
  margin-right: 43.75%;
}
.left-7\/16 {
  left: -43.75%;
}
.right-7\/16 {
  left: 43.75%;
}
.width-4\/9 {
  width: 44.44%;
}
.before-4\/9 {
  margin-left: 44.44%;
}
.after_4\/9 {
  margin-right: 44.44%;
}
.left-4\/9 {
  left: -44.44%;
}
.right-4\/9 {
  left: 44.44%;
}
.width-5\/11 {
  width: 45.45%;
}
.before-5\/11 {
  margin-left: 45.45%;
}
.after_5\/11 {
  margin-right: 45.45%;
}
.left-5\/11 {
  left: -45.45%;
}
.right-5\/11 {
  left: 45.45%;
}
.width-6\/13 {
  width: 46.15%;
}
.before-6\/13 {
  margin-left: 46.15%;
}
.after_6\/13 {
  margin-right: 46.15%;
}
.left-6\/13 {
  left: -46.15%;
}
.right-6\/13 {
  left: 46.15%;
}
.width-7\/15 {
  width: 46.66%;
}
.before-7\/15 {
  margin-left: 46.66%;
}
.after_7\/15 {
  margin-right: 46.66%;
}
.left-7\/15 {
  left: -46.66%;
}
.right-7\/15 {
  left: 46.66%;
}
.width-8\/16,
.width-7\/14,
.width-6\/12,
.width-5\/10,
.width-4\/8,
.width-3\/6,
.width-2\/4,
.width-1\/2 {
  width: 50%;
}
.before-8\/16,
.before-7\/14,
.before-6\/12,
.before-5\/10,
.before-4\/8,
.before-3\/6,
.before-2\/4,
.before-1\/2 {
  margin-left: 50%;
}
.after_8\/16,
.after_7\/14,
.after_6\/12,
.after_5\/10,
.after_4\/8,
.after_3\/6,
.after_2\/4,
.after_1\/2 {
  margin-right: 50%;
}
.left-8\/16,
.left-7\/14,
.left-6\/12,
.left-5\/10,
.left-4\/8,
.left-3\/6,
.left-2\/4,
.left-1\/2 {
  left: -50%;
}
.right-8\/16,
.right-7\/14,
.right-6\/12,
.right-5\/10,
.right-4\/8,
.right-3\/6,
.right-2\/4,
.right-1\/2 {
  left: 50%;
}
.width-8\/15 {
  width: 53.33%;
}
.before-8\/15 {
  margin-left: 53.33%;
}
.after_8\/15 {
  margin-right: 53.33%;
}
.left-8\/15 {
  left: -53.33%;
}
.right-8\/15 {
  left: 53.33%;
}
.width-7\/13 {
  width: 53.84%;
}
.before-7\/13 {
  margin-left: 53.84%;
}
.after_7\/13 {
  margin-right: 53.84%;
}
.left-7\/13 {
  left: -53.84%;
}
.right-7\/13 {
  left: 53.84%;
}
.width-6\/11 {
  width: 54.54%;
}
.before-6\/11 {
  margin-left: 54.54%;
}
.after_6\/11 {
  margin-right: 54.54%;
}
.left-6\/11 {
  left: -54.54%;
}
.right-6\/11 {
  left: 54.54%;
}
.width-5\/9 {
  width: 55.55%;
}
.before-5\/9 {
  margin-left: 55.55%;
}
.after_5\/9 {
  margin-right: 55.55%;
}
.left-5\/9 {
  left: -55.55%;
}
.right-5\/9 {
  left: 55.55%;
}
.width-9\/16 {
  width: 56.25%;
}
.before-9\/16 {
  margin-left: 56.25%;
}
.after_9\/16 {
  margin-right: 56.25%;
}
.left-9\/16 {
  left: -56.25%;
}
.right-9\/16 {
  left: 56.25%;
}
.width-8\/14, .width-4\/7 {
  width: 57.14%;
}
.before-8\/14, .before-4\/7 {
  margin-left: 57.14%;
}
.after_8\/14, .after_4\/7 {
  margin-right: 57.14%;
}
.left-8\/14, .left-4\/7 {
  left: -57.14%;
}
.right-8\/14, .right-4\/7 {
  left: 57.14%;
}
.width-7\/12 {
  width: 58.33%;
}
.before-7\/12 {
  margin-left: 58.33%;
}
.after_7\/12 {
  margin-right: 58.33%;
}
.left-7\/12 {
  left: -58.33%;
}
.right-7\/12 {
  left: 58.33%;
}
.width-9\/15, .width-6\/10, .width-3\/5 {
  width: 60%;
}
.before-9\/15, .before-6\/10, .before-3\/5 {
  margin-left: 60%;
}
.after_9\/15, .after_6\/10, .after_3\/5 {
  margin-right: 60%;
}
.left-9\/15, .left-6\/10, .left-3\/5 {
  left: -60%;
}
.right-9\/15, .right-6\/10, .right-3\/5 {
  left: 60%;
}
.width-8\/13 {
  width: 61.53%;
}
.before-8\/13 {
  margin-left: 61.53%;
}
.after_8\/13 {
  margin-right: 61.53%;
}
.left-8\/13 {
  left: -61.53%;
}
.right-8\/13 {
  left: 61.53%;
}
.width-10\/16, .width-5\/8 {
  width: 62.5%;
}
.before-10\/16, .before-5\/8 {
  margin-left: 62.5%;
}
.after_10\/16, .after_5\/8 {
  margin-right: 62.5%;
}
.left-10\/16, .left-5\/8 {
  left: -62.5%;
}
.right-10\/16, .right-5\/8 {
  left: 62.5%;
}
.width-7\/11 {
  width: 63.63%;
}
.before-7\/11 {
  margin-left: 63.63%;
}
.after_7\/11 {
  margin-right: 63.63%;
}
.left-7\/11 {
  left: -63.63%;
}
.right-7\/11 {
  left: 63.63%;
}
.width-9\/14 {
  width: 64.28%;
}
.before-9\/14 {
  margin-left: 64.28%;
}
.after_9\/14 {
  margin-right: 64.28%;
}
.left-9\/14 {
  left: -64.28%;
}
.right-9\/14 {
  left: 64.28%;
}
.width-11\/16 {
  width: 68.75%;
}
.before-11\/16 {
  margin-left: 68.75%;
}
.after_11\/16 {
  margin-right: 68.75%;
}
.left-11\/16 {
  left: -68.75%;
}
.right-11\/16 {
  left: 68.75%;
}
.width-10\/15,
.width-8\/12,
.width-6\/9,
.width-4\/6,
.width-2\/3 {
  width: 66.66%;
}
.before-10\/15,
.before-8\/12,
.before-6\/9,
.before-4\/6,
.before-2\/3 {
  margin-left: 66.66%;
}
.after_10\/15,
.after_8\/12,
.after_6\/9,
.after_4\/6,
.after_2\/3 {
  margin-right: 66.66%;
}
.left-10\/15,
.left-8\/12,
.left-6\/9,
.left-4\/6,
.left-2\/3 {
  left: -66.66%;
}
.right-10\/15,
.right-8\/12,
.right-6\/9,
.right-4\/6,
.right-2\/3 {
  left: 66.66%;
}
.width-9\/13 {
  width: 69.23%;
}
.before-9\/13 {
  margin-left: 69.23%;
}
.after_9\/13 {
  margin-right: 69.23%;
}
.left-9\/13 {
  left: -69.23%;
}
.right-9\/13 {
  left: 69.23%;
}
.width-7\/10 {
  width: 70%;
}
.before-7\/10 {
  margin-left: 70%;
}
.after_7\/10 {
  margin-right: 70%;
}
.left-7\/10 {
  left: -70%;
}
.right-7\/10 {
  left: 70%;
}
.width-10\/14, .width-5\/7 {
  width: 71.42%;
}
.before-10\/14, .before-5\/7 {
  margin-left: 71.42%;
}
.after_10\/14, .after_5\/7 {
  margin-right: 71.42%;
}
.left-10\/14, .left-5\/7 {
  left: -71.42%;
}
.right-10\/14, .right-5\/7 {
  left: 71.42%;
}
.width-8\/11 {
  width: 72.72%;
}
.before-8\/11 {
  margin-left: 72.72%;
}
.after_8\/11 {
  margin-right: 72.72%;
}
.left-8\/11 {
  left: -72.72%;
}
.right-8\/11 {
  left: 72.72%;
}
.width-11\/15 {
  width: 73.33%;
}
.before-11\/15 {
  margin-left: 73.33%;
}
.after_11\/15 {
  margin-right: 73.33%;
}
.left-11\/15 {
  left: -73.33%;
}
.right-11\/15 {
  left: 73.33%;
}
.width-12\/16,
.width-9\/12,
.width-6\/8,
.width-3\/4 {
  width: 75%;
}
.before-12\/16,
.before-9\/12,
.before-6\/8,
.before-3\/4 {
  margin-left: 75%;
}
.after_12\/16,
.after_9\/12,
.after_6\/8,
.after_3\/4 {
  margin-right: 75%;
}
.left-12\/16,
.left-9\/12,
.left-6\/8,
.left-3\/4 {
  left: -75%;
}
.right-12\/16,
.right-9\/12,
.right-6\/8,
.right-3\/4 {
  left: 75%;
}
.width-10\/13 {
  width: 76.92%;
}
.before-10\/13 {
  margin-left: 76.92%;
}
.after_10\/13 {
  margin-right: 76.92%;
}
.left-10\/13 {
  left: -76.92%;
}
.right-10\/13 {
  left: 76.92%;
}
.width-7\/9 {
  width: 77.77%;
}
.before-7\/9 {
  margin-left: 77.77%;
}
.after_7\/9 {
  margin-right: 77.77%;
}
.left-7\/9 {
  left: -77.77%;
}
.right-7\/9 {
  left: 77.77%;
}
.width-11\/14 {
  width: 78.57%;
}
.before-11\/14 {
  margin-left: 78.57%;
}
.after_11\/14 {
  margin-right: 78.57%;
}
.left-11\/14 {
  left: -78.57%;
}
.right-11\/14 {
  left: 78.57%;
}
.width-12\/15, .width-8\/10, .width-4\/5 {
  width: 80%;
}
.before-12\/15, .before-8\/10, .before-4\/5 {
  margin-left: 80%;
}
.after_12\/15, .after_8\/10, .after_4\/5 {
  margin-right: 80%;
}
.left-12\/15, .left-8\/10, .left-4\/5 {
  left: -80%;
}
.right-12\/15, .right-8\/10, .right-4\/5 {
  left: 80%;
}
.width-13\/16 {
  width: 81.25%;
}
.before-13\/16 {
  margin-left: 81.25%;
}
.after_13\/16 {
  margin-right: 81.25%;
}
.left-13\/16 {
  left: -81.25%;
}
.right-13\/16 {
  left: 81.25%;
}
.width-9\/11 {
  width: 81.81%;
}
.before-9\/11 {
  margin-left: 81.81%;
}
.after_9\/11 {
  margin-right: 81.81%;
}
.left-9\/11 {
  left: -81.81%;
}
.right-9\/11 {
  left: 81.81%;
}
.width-10\/12, .width-5\/6 {
  width: 83.33%;
}
.before-10\/12, .before-5\/6 {
  margin-left: 83.33%;
}
.after_10\/12, .after_5\/6 {
  margin-right: 83.33%;
}
.left-10\/12, .left-5\/6 {
  left: -83.33%;
}
.right-10\/12, .right-5\/6 {
  left: 83.33%;
}
.width-11\/13 {
  width: 84.61%;
}
.before-11\/13 {
  margin-left: 84.61%;
}
.after_11\/13 {
  margin-right: 84.61%;
}
.left-11\/13 {
  left: -84.61%;
}
.right-11\/13 {
  left: 84.61%;
}
.width-12\/14, .width-6\/7 {
  width: 85.71%;
}
.before-12\/14, .before-6\/7 {
  margin-left: 85.71%;
}
.after_12\/14, .after_6\/7 {
  margin-right: 85.71%;
}
.left-12\/14, .left-6\/7 {
  left: -85.71%;
}
.right-12\/14, .right-6\/7 {
  left: 85.71%;
}
.width-13\/15 {
  width: 86.66%;
}
.before-13\/15 {
  margin-left: 86.66%;
}
.after_13\/15 {
  margin-right: 86.66%;
}
.left-13\/15 {
  left: -86.66%;
}
.right-13\/15 {
  left: 86.66%;
}
.width-14\/16, .width-7\/8 {
  width: 87.5%;
}
.before-14\/16, .before-7\/8 {
  margin-left: 87.5%;
}
.after_14\/16, .after_7\/8 {
  margin-right: 87.5%;
}
.left-14\/16, .left-7\/8 {
  left: -87.5%;
}
.right-14\/16, .right-7\/8 {
  left: 87.5%;
}
.width-8\/9 {
  width: 88.88%;
}
.before-8\/9 {
  margin-left: 88.88%;
}
.after_8\/9 {
  margin-right: 88.88%;
}
.left-8\/9 {
  left: -88.88%;
}
.right-8\/9 {
  left: 88.88%;
}
.width-9\/10 {
  width: 90%;
}
.before-9\/10 {
  margin-left: 90%;
}
.after_9\/10 {
  margin-right: 90%;
}
.left-9\/10 {
  left: -90%;
}
.right-9\/10 {
  left: 90%;
}
.width-10\/11 {
  width: 90.90%;
}
.before-10\/11 {
  margin-left: 90.90%;
}
.after_10\/11 {
  margin-right: 90.90%;
}
.left-10\/11 {
  left: -90.9%;
}
.right-10\/11 {
  left: 90.90%;
}
.width-11\/12 {
  width: 91.66%;
}
.before-11\/12 {
  margin-left: 91.66%;
}
.after_11\/12 {
  margin-right: 91.66%;
}
.left-11\/12 {
  left: -91.66%;
}
.right-11\/12 {
  left: 91.66%;
}
.width-12\/13 {
  width: 92.30%;
}
.before-12\/13 {
  margin-left: 92.30%;
}
.after_12\/13 {
  margin-right: 92.30%;
}
.left-12\/13 {
  left: -92.3%;
}
.right-12\/13 {
  left: 92.30%;
}
.width-13\/14 {
  width: 92.85%;
}
.before-13\/14 {
  margin-left: 92.85%;
}
.after_13\/14 {
  margin-right: 92.85%;
}
.left-13\/14 {
  left: -92.85%;
}
.right-13\/14 {
  left: 92.85%;
}
.width-14\/15 {
  width: 93.33%;
}
.before-14\/15 {
  margin-left: 93.33%;
}
.after_14\/15 {
  margin-right: 93.33%;
}
.left-14\/15 {
  left: -93.33%;
}
.right-14\/15 {
  left: 93.33%;
}
.width-15\/16 {
  width: 93.75%;
}
.before-15\/16 {
  margin-left: 93.75%;
}
.after_15\/16 {
  margin-right: 93.75%;
}
.left-15\/16 {
  left: -93.75%;
}
.right-15\/16 {
  left: 93.75%;
}
.width-16\/16,
.width-15\/15,
.width-14\/14,
.width-13\/13,
.width-12\/12,
.width-11\/11,
.width-10\/10,
.width-9\/9,
.width-8\/8,
.width-7\/7,
.width-6\/6,
.width-5\/5,
.width-4\/4,
.width-3\/3,
.width-2\/2,
.width-1\/1 {
  width: 100%;
}
.before-16\/16,
.before-15\/15,
.before-14\/14,
.before-13\/13,
.before-12\/12,
.before-11\/11,
.before-10\/10,
.before-9\/9,
.before-8\/8,
.before-7\/7,
.before-6\/6,
.before-5\/5,
.before-4\/4,
.before-3\/3,
.before-2\/2,
.before-1\/1 {
  margin-left: 100%;
}
.after_16\/16,
.after_15\/15,
.after_14\/14,
.after_13\/13,
.after_12\/12,
.after_11\/11,
.after_10\/10,
.after_9\/9,
.after_8\/8,
.after_7\/7,
.after_6\/6,
.after_5\/5,
.after_4\/4,
.after_3\/3,
.after_2\/2,
.after_1\/1 {
  margin-right: 100%;
}
.left-16\/16,
.left-15\/15,
.left-14\/14,
.left-13\/13,
.left-12\/12,
.left-11\/11,
.left-10\/10,
.left-9\/9,
.left-8\/8,
.left-7\/7,
.left-6\/6,
.left-5\/5,
.left-4\/4,
.left-3\/3,
.left-2\/2,
.left-1\/1 {
  left: -100%;
}
.right-16\/16,
.right-15\/15,
.right-14\/14,
.right-13\/13,
.right-12\/12,
.right-11\/11,
.right-10\/10,
.right-9\/9,
.right-8\/8,
.right-7\/7,
.right-6\/6,
.right-5\/5,
.right-4\/4,
.right-3\/3,
.right-2\/2,
.right-1\/1 {
  left: 100%;
}
/* Last col fills the remainder of row space */
.last {
  float: none;
  width: auto;
}
/* Fix IE6 three pixel gap bug on last col */
* html .last {
  height: 1%;
  /* trigger hasLayout */

  left: -3px;
  /* shift three pixels to the left */

  margin: 0 -3px 0 3px;
  /* expand three pixels to the right */

  overflow: visible;
  /* prevent incorrect hiding of last col */

}
.container {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  zoom: 1;
  *zoom: 1;
}
.container:before, .container:after {
  display: table;
  content: "";
  zoom: 1;
}
.container:after {
  clear: both;
}
.container-fluid {
  position: relative;
  min-width: 940px;
  padding-left: 20px;
  padding-right: 20px;
  zoom: 1;
  *zoom: 1;
}
.container-fluid:before, .container-fluid:after {
  display: table;
  content: "";
  zoom: 1;
}
.container-fluid:after {
  clear: both;
}
.container-fluid > .sidebar {
  position: absolute;
  top: 0;
  left: 20px;
  width: 220px;
}
.container-fluid > .content {
  margin-left: 240px;
}
.roow {
  zoom: 1;
  *zoom: 1;
  margin-left: -20px;
}
.roow:before, .roow:after {
  display: table;
  content: "";
  zoom: 1;
}
.roow:after {
  clear: both;
}
.roow > [class*="span"] {
  display: inline;
  float: left;
  margin-left: 20px;
}
.span1 {
  width: 40px;
}
.span2 {
  width: 100px;
}
.span3 {
  width: 160px;
}
.span4 {
  width: 220px;
}
.span5 {
  width: 280px;
}
.span6 {
  width: 340px;
}
.span7 {
  width: 400px;
}
.span8 {
  width: 460px;
}
.span9 {
  width: 520px;
}
.span10 {
  width: 580px;
}
.span11 {
  width: 640px;
}
.span12 {
  width: 700px;
}
.span13 {
  width: 760px;
}
.span14 {
  width: 820px;
}
.span15 {
  width: 880px;
}
.span16 {
  width: 940px;
}
.span17 {
  width: 1000px;
}
.span18 {
  width: 1060px;
}
.span19 {
  width: 1120px;
}
.span20 {
  width: 1180px;
}
.span21 {
  width: 1240px;
}
.span22 {
  width: 1300px;
}
.span23 {
  width: 1360px;
}
.span24 {
  width: 1420px;
}
.roow > .offset1 {
  margin-left: 80px;
}
.roow > .offset2 {
  margin-left: 140px;
}
.roow > .offset3 {
  margin-left: 200px;
}
.roow > .offset4 {
  margin-left: 260px;
}
.roow > .offset5 {
  margin-left: 320px;
}
.roow > .offset6 {
  margin-left: 380px;
}
.roow > .offset7 {
  margin-left: 440px;
}
.roow > .offset8 {
  margin-left: 500px;
}
.roow > .offset9 {
  margin-left: 560px;
}
.roow > .offset10 {
  margin-left: 620px;
}
.roow > .offset11 {
  margin-left: 680px;
}
.roow > .offset12 {
  margin-left: 740px;
}
.span-one-third {
  width: 300px;
}
.span-two-thirds {
  width: 620px;
}
.roow > .offset-one-third {
  margin-left: 340px;
}
.roow > .offset-two-thirds {
  margin-left: 660px;
}
/*------------------------------------*\
	clear
\*------------------------------------*/
/*
Fix clearing issues as per: nicolasgallagher.com/micro-clearfix-hack/
*/
.cf, .clear {
  zoom: 1;
}
.cf:before,
.clear:before,
.cf:after,
.clear:after {
  content: "";
  display: table;
}
.cf:after, .clear:after {
  clear: both;
}
/*------------------------------------
	clearfix
------------------------------------*/
.clearfix:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/*------------------------------------
	clear
------------------------------------*/
.cl, .clear-left {
  clear: left;
}
.cr, .clear-right {
  clear: right;
}
.cb, .clear-both {
  clear: both;
  float: none;
}
/*------------------------------------
	float
------------------------------------*/
.fl, .float-left {
  float: left;
}
.fr, .float-right {
  float: right;
}
.fn, .float-none {
  float: none;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
